.mycontainer-fluid *{
    /* font-family: "Manrope", sans-serif!important; */
    font-family: 'CircularStd'!important;
    font-optical-sizing: auto!important;
    font-weight: 400!important;
    font-style: normal!important;
    color: #263261!important; line-height: 1.4!important;
}
.mycontainer {
    margin: 20% 0 20px!important;
    position: relative!important;
    width: 100%!important;
}
.mycontainer-fluid {
    max-width: 950px!important; 
    margin: auto!important;
}

.mycontainer-fluid h1{
    font-size: 35px!important;
    font-weight: bold!important;
    margin-bottom: 35px!important;
}
.mycontainer-fluid h1 span{
    font-size: 35px!important;
    font-weight: bold!important;
    margin-bottom: 35px!important;
}

.row, body{margin:0!important}

.mydiv {
    position: absolute!important;
    max-width: 57%!important;
    top: 21%!important;
    left: 21.5%!important;
    transform-origin: 50.2% 67%!important;
}


.mydiv img {
    width: 100%!important;
}

.mainimg-div {
    position: relative!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    bottom: 0!important;
}

.mainimg-div img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
    object-position: center center!important;
}

.myinsiddiv {
    position: absolute!important;
    left: -30%!important;
    top: -93.8%!important;
    width: 55%!important;
    transform-origin: 58% 79%!important;
    /* -webkit-animation: anticlockwise 10s infinite linear!important;
    -moz-animation: anticlockwise 10s infinite linear!important;
    animation: anticlockwise 10s infinite linear!important; */
}

.myinsiddiv img, .myinsiddiv-right img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
    position: relative!important;
    display: block!important;
}

/* .myinsiddiv-right-img1{width:110%!important;object-fit: cover!important; bottom: 13px!important; height:'should be fix'} */

.myinsiddiv-right {
    position: absolute!important;
    right: -30%!important;
    top: -93.8%!important;
    width: 55%!important;
    transform-origin: 42% 86%!important;
    /* -webkit-animation: anticlockwise 10s infinite linear!important;
    -moz-animation: anticlockwise 10s infinite linear!important;
    animation: anticlockwise 10s infinite linear!important; */
}


.myinsiddiv-right-div, .myinsiddiv-div{
    position: relative!important;
}


.myinsiddiv-right-img1 {
    position: relative!important;
    z-index: 2!important;
}

.myinsidedi-img-money, .myinsidedi-right-img-money{
    position: absolute!important;
    font-size: 20px!important;
    font-weight: 300!important;
    top: 36%!important;
    left: 24%!important;
    z-index: 2!important;
}
.myinsidedi-right-img-money{
    top: 39%!important;
}

/* .myheading{
    
} */

@media(max-width:991px){
    .myinsidedi-img-money, .myinsidedi-right-img-money{
        position: absolute!important;
        font-size: 25px!important;
        font-weight: 400!important;
        top: 35%!important;
        left: 24%!important;
        z-index: 2!important;
    }
    .myinsidedi-right-img-money{
        top: 38%!important;
    }
}

@media(max-width:600px){
    .myinsidedi-img-money, .myinsidedi-right-img-money{
        font-size: 18px!important;
    }
}

.mydiv, .myinsiddiv, .myinsiddiv-right, .myinsiddiv-right-img1{
    transition: 2s ease!important;
}



/*   -----------------------------   */
#myinput-text{position: absolute!important; font-weight: 600!important;display: inline!important;font-size: 15px!important;top:15px!important;text-align: right;}
#capital-gain{display: inline!important;text-align: center;}
#capital-gain-value{font-weight: 600!important;}

.mycontainer-fluid input[type=range] {
    padding: 0 !important;
    width: 100%!important;
    -webkit-appearance: none!important;
    margin-right: 0!important;
    /* width: 200px!important; */
    height: 12px!important;
    background: #fff;
    border-radius: 5px!important;
    /* background-image: linear-gradient(to left, #ffcd00, #ffcd00) no-repeat, #ddd!important; */
    background: linear-gradient(to left, #fff, #fff) no-repeat, #ffcd00;
    background-size: 0% 100%;
    background-repeat: no-repeat!important;
    box-shadow: inset 0 -1px 10px -8px #000!important;
    direction: rtl;
}

input[type=number]:focus {
    box-shadow: none!important;
    outline: 0
}


.mycontainer-fluid input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 50%!important;
    cursor: ew-resize!important;
    border: none!important;
    box-shadow: none!important;
    background: url('../images/Slider-button.png') no-repeat center center !important;
    background-size: 118% !important;
    position: absolute;
    top: 35px !important;
    right: var(--thumb-position);
}

.mycontainer-fluid input[type=range]::-moz-range-thumb {
    -webkit-appearance: none!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 50%!important;
    cursor: ew-resize!important;
    border: none!important;
    box-shadow: none!important;
    background: url('../images/Slider-button.png') no-repeat center center!important;
    background-size: 118%!important;
    position: absolute;
    top: 35px !important;
    right: var(--thumb-position);
}

.mycontainer-fluid input[type=range]::-ms-thumb {
    -webkit-appearance: none!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 50%!important;
    cursor: ew-resize!important;
    border: none!important;
    box-shadow: none!important;
    background: url('../images/Slider-button.png') no-repeat center center!important;
    background-size: 118%!important;
    position: absolute;
    top: 35px !important;
    right: var(--thumb-position);
}

/* .mycontainer-fluid input[type=range]::-webkit-slider-thumb:hover {
    background:#C2FBEF
    background: inherit!important;
}

.mycontainer-fluid input[type=range]::-moz-range-thumb:hover {
    background: #C2FBEF
}

.mycontainer-fluid input[type=range]::-ms-thumb:hover {
    background: #C2FBEF
} */

.mycontainer-fluid input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none!important;
    box-shadow: none!important;
    border: none!important;
    background: 0 0
}

.mycontainer-fluid input[type=range]::-moz-range-track {
    -webkit-appearance: none!important;
    box-shadow: none!important;
    border: none!important;
    background: 0 0
}

.mycontainer-fluid input[type=range]::-ms-track {
    -webkit-appearance: none!important;
    box-shadow: none!important;
    border: none!important;
    background: 0 0
}

.slider-container .ticks {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -20px;
}

.slider-container .ticks span {
    width: 1px;
    height: 6px;
    border-left: solid 1px;
    position: relative;
    top: 10px;
    font-size: 12px;
}

.ticks span:first-child:not(.highlight),
.ticks span:last-child:not(.highlight) {
    visibility: hidden;
}
.highlight {
    font-size: 1.05rem !important;
    top: 20px !important;
    border: 0 !important;
    left: -16px !important;
}

@media (max-width: 991px) {
	.my-4 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.device-calculator {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
  .slider-calc {
    order: 2 !important;
  }
}